<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="lib/jquery.ui/themes/base/jquery.ui.all.css" />
<link rel="stylesheet" type="text/css" href="lib/yaml/central_draft.css" />
<link rel="stylesheet" type="text/css" href="lib/jQuery.ValidationEngine/css/validationEngine.jquery.css" />
<style type="text/css">
	.ui-datepicker table {
			border: 0;
	}
	tr.note {
			border-left: 1px;
			border-right: 1px;
	}
	#vocc{
		font-family: 宋体;
	}
</style>
<script type="text/javascript" src="lib/jquery_lastest.js"></script>
<script type="text/javascript" src="lib/jquery.query-lastest.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.dialog.js"></script>
<script type="text/javascript" src="lib/jQuery.ValidationEngine/js/jquery.validationEngine-cn.js"></script>
<script type="text/javascript" src="lib/jQuery.ValidationEngine/js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="vessel.js"></script>
</head>

<body>
<div id="dialog-modal" title="提示信息"></div>
<div  class="page_margins">
  <div class="page">
    <div id="nav">

      <div class="hlist">
        <ul>
          <li><a href="ship.asp">船舶信息管理</a></li>
          <li><a href="vocc.html">新增船公司</a></li>
          <li><a href="vessel.html">新增船舶</a></li>
          <li><a href="voyage.asp">新增航次</a></li>
        </ul>
      </div>

    </div>
		<div id="main">
			<div id="col1">
				<form id="form1" name="form1" method="post" class="yform columnar" role="application">
					<div class="clearfix">
						<div class="c75l">
							<div class="subcl">
								<fieldset>
									<legend>船舶信息</legend>
									<div class="c50l">
										<div class="subcl">
											<div class="type-text">
												<label for="vessel">船名*</label>
												<input name="vessel" id="vessel" aria-required="true" type="text" size="20" />
											</div>
											<div class="type-select">
												<label for="registry">登记港</label>
												<select name="registry" id="registry">
													<option selected="selected" value="0">选择登记港</option>
												</select>
											</div>
											<div class="type-select">
												<label for="start">起始港</label>
												<select name="start" id="start">
													<option selected="selected" value="0">选择起始港</option>
												</select>
											</div>
											<div class="type-text">
												<label for="chinese">中文名</label>
												<input name="chinese" id="chinese" type="text" size="20" />
											</div>
											<div class="type-text">
												<label for="short">缩写</label>
												<input name="short" id="short" type="text" size="20" />
											</div>
										</div>
									</div>
									<div class="c50r">
										<div class="subcr">
											<div class="type-select">
												<label for="vocc">船公司*</label>
												<select name="vocc" id="vocc" aria-required="true">
													<option disabled="disabled" selected="selected">选择船公司</option>
												</select>
											</div>
											<div class="type-select">
												<label for="country">船籍</label>
												<select name="country" id="country">
													<option selected="selected" value="0">选择船籍</option>
												</select>
											</div>
											<div class="type-select">
												<label for="end">目的港</label>
												<select name="end" id="end">
													<option selected="selected" value="0">选择目的港</option>
												</select>
											</div>
											<div class="type-text">
												<label for="english">英文名</label>
												<input name="english" id="english" type="text" size="20" />
											</div>
											<div class="type-text">
												<label for="memo">备注</label>
												<textarea name="memo" id="memo"></textarea>
											</div>
										</div>
									</div>
								</fieldset>
							</div>
						</div>
						<div class="c25r">
							<div class="subcr">
								<fieldset>
									<legend>船公司信息</legend>
									<div class="type-text">
										<label>船公司</label>
										<div class="highlight" id="vocc_name"></div>
									</div>
									<div class="type-text">
										<label>中文名</label>
										<div class="highlight" id="vocc_chinese"></div>
									</div>
									<div class="type-text">
										<label>英文名</label>
										<div class="highlight" id="vocc_english"></div>
									</div>
									<div class="type-text">
										<label>缩写</label>
										<div class="highlight" id="vocc_short"></div>
									</div>
									<div class="type-text">
										<label>备注</label>
										<div class="highlight" id="vocc_memo"></div>
									</div>
								</fieldset>
							</div>
						</div>
					</div>
					<div class="type-button">
						<input type="reset" name="reset" value="重置" />
						<input type="button" name="submit" class="submit" id="submit" />
					</div>
				</form>
				<table id="tbl_vessel" class="full">
          <thead>
            <tr><th colspan="11" scope="col">今天更新的船舶信息（双击可以快速修改）</th></tr>
          </thead>
          <tbody>
            <tr>
              <th scope="col">船名</th>
              <th scope="col">船公司</th>
              <th scope="col">登记港</th>
              <th scope="col">船籍</th>
              <th scope="col">起始港</th>
              <th scope="col">目的港</th>
              <th scope="col">中文名</th>
              <th scope="col">英文名</th>
              <th scope="col">缩写</th>
              <th scope="col">更新时间</th>
              <th scope="col">备注</th>
            </tr>
          </tbody>
        </table>
			</div>
		</div>
	</div>
</div>
</body>
</html>

